import React from 'react'
import '../css/button.css'
import img from '../public/erweima .png'
import { Link } from 'react-router-dom'
import { Map, Marker, NavigationControl, InfoWindow } from 'react-bmapgl'
export default function Button() {
  return (
    <>
      <div>
        <div className="map">
          <div className="map_box">
            <div className="map_left">
              <p className="map_p">联系方式</p>
              <div className="relation">
                <span>联系方式</span>
                <span>15151515122</span>
              </div>
              <div className="relation">
                <span>联系方式</span>
                <span>15151515122</span>
              </div>
              <div className="relation">
                <span>联系方式</span>
                <span>15151515122</span>
              </div>
              <div className="relation">
                <span>联系方式</span>
                <span>15151515122</span>
              </div>
            </div>
            <div className="relation_map">
              <div className="map_div">
                <Map center={{ lng: 116.402544, lat: 39.928216 }} zoom="11">
                  <Marker position={{ lng: 116.402544, lat: 39.928216 }} />
                  <NavigationControl />
                  <InfoWindow position={{ lng: 116.402544, lat: 39.928216 }} text="内容" title="标题" />
                </Map>
              </div>
            </div>
          </div>
        </div>
        <div className="button">
          <div className="button_left">
            <div className="button_login">
              <b>login</b>
            </div>
            <div className="button_box">
              <ul className="button_ul">
                <li className="button_li">
                  <Link to={'/index'}>首页</Link>
                </li>
                <li className="button_li">
                  <Link to={'/about'}>关于我们</Link>
                </li>
                <li className="button_li">
                  <Link to={'/brand'}>产品中心</Link>
                </li>
                <li className="button_li">
                  <Link to={'/user'}>用户案例</Link>
                </li>
                <li className="button_li">
                  <Link to={'/company'}>公司动态</Link>
                </li>
                <li className="button_li">
                  <Link to={'/Property'}>资质证明</Link>
                </li>
              </ul>
            </div>
          </div>
          <div className="button_img">
            <span>更多详情请扫码关注</span>
            <img className="img" src={img} alt="" />
          </div>
        </div>
      </div>
    </>
  )
}
